<template>
	<view>
		<view class="flex-padd">
			<u-cell-group>
				<u-cell-item title="点检单号:" :arrow="false" class="list-title">
					<view class="list-text">ZYDJ1711010002</view>
				</u-cell-item>
				<u-cell-item title="计划名称:" :arrow="false" class="list-title">
					<view class="list-text"></view>
				</u-cell-item>
			</u-cell-group>

			<!-- 按钮 -->
			<view class="margin-top">
				<u-row gutter="16">
					<u-col span="3">
						<u-button type="info">未开始</u-button>
					</u-col>
					<u-col span="3">
						<u-button type="warning">未完成</u-button>
					</u-col>
					<u-col span="3">
						<u-button type="success">已完成</u-button>
					</u-col>
					<u-col span="3">
						<u-button type="error">异常</u-button>
					</u-col>

				</u-row>
			</view>

			<!-- 表格 -->
			<u-table style="overflow:scroll">
				<u-tr class="u-tr">
					<u-th class="u-th" width="100rpx">序号</u-th>
					<u-th class="u-th" width="230rpx">设备名称</u-th>
					<u-th class="u-th" width="230rpx">位置名称</u-th>
					<u-th class="u-th" width="200rpx">未检</u-th>
				</u-tr>
				<u-tr class="u-tr">
					<u-td class="u-td" width="100rpx">1</u-td>
					<u-td class="u-td" width="230rpx">帕萨特牌</u-td>
					<u-td class="u-td" width="230rpx">乐活地库3层</u-td>
					<u-td class="u-td" width="200rpx">1</u-td>
				</u-tr>
			</u-table>
		</view>

		<!-- 按钮 -->
		<view class="flexinven-button">
			<u-row gutter="16" class="flexinven-con">
				<u-col span="6">
					<view class="flexinven-flex" @click="StartPointInspection">开始点检</view>
				</u-col>
				<u-col span="6">
					<view class="flexinven-flex">返回</view>
				</u-col>
			</u-row>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {}
		},
		methods: {
			StartPointInspection() {
				uni.navigateTo({
					url: 'pages/eam/Equipment/EquipmentList/SpotCheckExecution'
				});
			}
		}
	}
</script>

<style lang="scss" scoped>
	.margin-top {
		padding: 10px;
	}

	.list-title {
		color: #799cb3;
	}
</style>
